import legal from "../../../assets/menu/legal.webp";
import search from "../../../assets/menu/search.webp";
import questions from "../../../assets/menu/questions.webp";
import system from "../../../assets/menu/system.webp";
import render from "../../../assets/menu/render.webp";
import photovoltaic from "../../../assets/menu/photovoltaic.webp";
import collect from "../../../assets/menu/collect.webp";
import chat from "../../../assets/menu/chat.webp";
import about from "../../../assets/menu/about.webp";
import Tooltip from "antd/es/tooltip";
const Logo = () => {
  const menuList = [
    {
      element: legal,
      text: "法务AI",
    },
    {
      element: system,
      text: "制度查询智能体",
    },
    {
      element: questions,
      text: "业务回答智能体",
    },
    {
      element: search,
      text: "规范问答",
    },
    {
      element: render,
      text: "中联建筑效果图AIGC平台",
    },
    {
      element: photovoltaic,
      text: "光伏项目AI设计平台",
    },
    {
      element: collect,
      text: "我的收藏",
    },
    {
      element: chat,
      text: "联系我们",
    },
    {
      element: about,
      text: "关于我们",
    },
  ];
  return (
    <div className="absolute z-10 w-11 mx-3 rounded-md border-gray-black border bg-deep-black px-2 pb-2">
      {menuList.map((item, index) => {
        return (
          <div key={index} className="pt-4 cursor-pointer">
            <Tooltip
              placement="right"
              title={item.text}
              color="#fff"
              overlayInnerStyle={{
                color: "rgba(51, 51, 51, 1)", // 设置字体颜色为深灰色，可按需修改
              }}
            >
              <img src={item.element} alt="" />
            </Tooltip>
          </div>
        );
      })}
    </div>
  );
};

export default Logo;
